﻿/*CHAT*/

/*outer box frame*/
#chatBox .chatOutside { width:305px; position: relative; z-index: 1; min-width: 1px; float:left; }
/* inner box background */
#chatBox .chatInside { width:305px; position: relative; z-index: 2; background: #fff; }


#chatBox {
	position: fixed;
	z-index: 10;
	bottom: -395px;  /* jego polozenie od gory */
    right:100px;
	-webkit-transition: left 0.5s ease-out;
	-moz-transition: left 0.5s ease-out;
	-o-transition: left 0.5s ease-out;
	transition: left 0.5s ease-out;
	border: 3px solid orange;
}

#chatBox #chatBelt 
{
    cursor:pointer;
	position: absolute;
	z-index: 11;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
	float: left;
	width: 100px; 
	height: 30px;
	padding: 7px 0px 0px 20px;
	margin: -40px 0px 0px -3px;
	background: orange;
	color: #3b5999;
	font-weight: bold;
	font-family: Verdana;
	font-size: 16px;
	border-top-color: Orange;
	border-top-style:solid;
	border-top-width:2px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}


        
#chatTextToSendField { height:18px; border: 2px solid #3b5999; margin: 0px 0px 2px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width: 190px; }
.singleChatMsg { position:relative;width:280; padding: 10px 4px 0px 4px; float: left; border-bottom: 1px dotted #3b5999; overflow:auto; text-align: left;  }
#chatSendButton { width: 80px; margin: 0px 5px 0px 5px; background-color: orange; color: #3b5999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding: 2px 5px 2px 5px; border: none; font-weight: bold; font-size: 12pt; font-family: 'PT Sans'; cursor: pointer;}
#msgsContener { overflow-x:hidden; overflow-y:scroll; height:355px; width:300px; position:relative; overflow: auto;}
.nick { padding: 0px 4px 0px 0px; float:left; color:#90298C; font-weight:bold; text-decoration:underline; }
.msgParagraph { width: 270px; display: inline-block; margin: 10px 0px 0px 5px; }

.date { position: absolute; font-size: 9pt; margin: 0px 0px 0px 240px; top:0px; color: Olive}